<!DOCTYPE html>
<html lang="Zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>元标签</title>
</head>
<body>
    <p>DOCTYPE 声明文档的类型</p>
    <p>html 标签是HTML页面中的根标签,/html标签表示结束标签 lang属性用来设置语言类型</p>
    <p>head标签包含了文档的元数据(meta),(title)标题标签</p>
    <P>charset 用来设置html中的字符集,content用来设置浏览器类型</P>
    <p>body标签定义文档的主体,即网页可见的页面内容，该标签的结束标志为/body</p>
    <p>(http-equiv="X-UA-Compatible" content="IE=edge"):x-ua-compatible是IE8及以上浏览器才有的一个设置;
    IE=edge表示兼容你电脑上的最新浏览器版本。就是你用的什么IE最新引擎版本就用什么版本的IE浏览器引擎兼容渲染</p>
    <p>name="viewport"   content="width=device-width, initial-scale=1.0,): <br/>
        viewport标记,用于指定用户是否可以缩放Web页面,并对相关的选项进行设定。<br/>
        width 和height 指令分别指定视区的逻辑宽度和高度。它们的值可以是以像素为单位的数字,也可以是一个特殊的标记符号。如上文代码中device-width即表示,视区宽度应为设备的屏幕宽度。类似的,device-height即表示设备的屏幕高度。<br/> 
        initial-scale用于设置Web页面的初始缩放比例。默认的初始缩放比例值因智能手机浏览器的不同而有所差异,通常情况下,设备会在浏览器中呈现出整个Web页面。设为1.0则显示未经缩放的Web页面。<br/> 
    </p>
</body>
</html>